<!DOCTYPE html>
<meta charset="utf-8">
<!-- saved from url=(0048)https://www.jq22.com/demo/timeline-150120213212/ -->
<html style=""
	class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

		<title>Timeline</title>

		<link href="./Timeline_files/bootstrap-3.3.4.css" media="all" rel="stylesheet">

		<link href="./Timeline_files/font-awesome.4.6.0.css" media="all" rel="stylesheet">

		<link href="./Timeline_files/styles.css" media="all" rel="stylesheet">

		<script src="./Timeline_files/modernizr.min.js.&#19979;&#36733;"></script>

		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">

	</head>

	<body style="" class="vsc-initialized" cz-shortcut-listen="true">
		<h3 style="text-align: center;">任务名称：XXXXXXXXXXXXXXXXX</h3>
		<div class="timeline animated">
			<div class="timeline-row active">
				<div class="timeline-time">
					<small>2022-04-23</small>10:00:01.300
				</div>
				<div class="timeline-icon">
					<div class="bg-primary">
						<!-- <i class="fa fa-pencil"></i> -->
						<svg t="1651046689396" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="2074" width="40" height="40">
							<path
								d="M511.54207 22.868847c-269.87552 0-488.651222 218.775702-488.651222 488.650199 0 269.87552 218.775702 488.650199 488.651222 488.650199 269.874497 0 488.649176-218.773655 488.649176-488.650199C1000.190223 241.645572 781.415544 22.868847 511.54207 22.868847zM402.950863 782.873244 185.830871 565.756321l54.1769-54.1769L402.950863 674.522514l380.12039-380.122437 54.175877 54.174853L402.950863 782.873244z"
								p-id="2075" fill="#67C23A"></path>
						</svg>
					</div>
				</div>

				<div class="panel timeline-content">

					<div class="panel-body">

						<div>实例状态：成功</div>
						<div>是否结束：结束</div>
						<div>任务类型：定时任务</div>
						<div>开始时间：2022-04-23 10:00:01.300</div>
						<div>结束时间：2022-04-23 10:00:11.000</div>
					</div>

				</div>

			</div>

			<div class="timeline-row active">

				<div class="timeline-time">

					<small>2022-04-23</small>10:00:01.300

				</div>

				<div class="timeline-icon">

					<div class="bg-primary">

						<!-- <i class="fa fa-quote-right"></i> -->
						<svg t="1651047520873" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="2963" width="40" height="40">
							<path
								d="M512 0C229.234 0 0 229.234 0 512s229.234 512 512 512 512-229.234 512-512S794.766 0 512 0z m306.048 622.165h-380.7v-10.31h-3.826V231.153h64.725v326.3h319.815v64.711z"
								p-id="2964" fill="#f4ea2a"></path>
						</svg>

					</div>

				</div>

				<div class="panel timeline-content">

					<div class="panel-body">
						<div>实例状态：进行中</div>
						<div>是否结束：未结束</div>
						<div>任务类型：定时任务</div>
						<div>开始时间：2022-04-23 10:00:01.300</div>
						<div>结束时间：-</div>

					</div>

				</div>

			</div>

			<div class="timeline-row active">

				<div class="timeline-time">

					<small>2022-04-23</small>10:00:01.300

				</div>

				<div class="timeline-icon">

					<div class="bg-primary">

						<!-- <i class="fa fa-camera"></i> -->
						<svg t="1651048190109" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="4360" width="40" height="40">
							<path
								d="M512 0C228.693333 0 0 228.693333 0 512 0 795.306665 228.693333 1024 512 1024 795.306665 1024 1024 795.306665 1024 512 1024 228.693333 795.306665 0 512 0L512 0ZM694.613335 774.826665 508.586667 599.04 334.506667 785.066665 242.346667 698.026665 416.426667 512 252.586667 356.693333 339.626667 264.533333 503.466667 419.84 658.773335 256 750.933335 343.04 597.333335 506.88 781.653335 682.666665 694.613335 774.826665 694.613335 774.826665Z"
								p-id="4361" fill="#d81e06"></path>
						</svg>
					</div>

				</div>

				<div class="panel timeline-content">

					<div class="panel-body">


						<div>实例状态：失败</div>
						<div>是否结束：未结束</div>
						<div>任务类型：定时任务</div>
						<div>开始时间：2022-04-23 10:00:01.300</div>
						<div>结束时间：-</div>

					</div>

				</div>

			</div>

			<div class="timeline-row active">

				<div class="timeline-time">

					<small>2022-04-23</small>10:00:01.300

				</div>

				<div class="timeline-icon">

					<div class="bg-primary">

						<svg t="1651048190109" class="icon" viewBox="0 0 1024 1024" version="1.1"
							xmlns="http://www.w3.org/2000/svg" p-id="4360" width="40" height="40">
							<path
								d="M512 0C228.693333 0 0 228.693333 0 512 0 795.306665 228.693333 1024 512 1024 795.306665 1024 1024 795.306665 1024 512 1024 228.693333 795.306665 0 512 0L512 0ZM694.613335 774.826665 508.586667 599.04 334.506667 785.066665 242.346667 698.026665 416.426667 512 252.586667 356.693333 339.626667 264.533333 503.466667 419.84 658.773335 256 750.933335 343.04 597.333335 506.88 781.653335 682.666665 694.613335 774.826665 694.613335 774.826665Z"
								p-id="4361" fill="#d81e06"></path>
						</svg>

					</div>

				</div>

				<div class="panel timeline-content">

					<div class="panel-body">

						<div>实例状态：失败</div>
						<div>是否结束：未结束</div>
						<div>任务类型：定时任务</div>
						<div>开始时间：2022-04-23 10:00:01.300</div>
						<div>结束时间：-</div>

					</div>

				</div>

			</div>

			<div class="timeline-row active">

				<div class="timeline-time">

					<small>Oct 10</small>4:53 PM

				</div>

				<div class="timeline-icon">

					<div class="bg-primary">

						<i class="fa fa-pencil"></i>

					</div>

				</div>

				<div class="panel timeline-content">

					<div class="panel-body">

						<h2>

							This is a title for this timeline post

						</h2>

						<p>

							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque
							aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed
							pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc
							tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

						</p>

					</div>

				</div>

			</div>

			<div class="timeline-row active">

				<div class="timeline-time">

					<small>Oct 9</small>6:14 PM

				</div>

				<div class="timeline-icon">

					<div class="bg-warning">

						<i class="fa fa-quote-right"></i>

					</div>

				</div>

				<div class="panel timeline-content">

					<div class="panel-body">

						<blockquote>

							<p>

								Lorem ipsum velit ullamco anim pariatur proident eu deserunt laborum. Lorem ipsum ad in
								nostrud adipisicing cupidatat anim officia ad id cupidatat veniam quis elit ullamco.

							</p>

							<small>John Smith</small>
						</blockquote>

					</div>

				</div>

			</div>

			<div class="timeline-row active">

				<div class="timeline-time">

					<small>Oct 6</small>9:00 AM

				</div>

				<div class="timeline-icon">

					<div class="bg-info">

						<i class="fa fa-camera"></i>

					</div>

				</div>

				<div class="panel timeline-content">

					<div class="panel-body">

						<h2>

							This is an image posted on my timeline

						</h2>

						<img class="img-responsive" src="https://lorempixel.com/output/nature-q-c-640-480-10.jpg">

						<p>

							Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit
							nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

						</p>

					</div>

				</div>

			</div>

			<div class="timeline-row">

				<div class="timeline-time">

					<small>Oct 2</small>1:14 PM

				</div>

				<div class="timeline-icon">

					<div class="bg-primary">

						<i class="fa fa-video-camera"></i>

					</div>

				</div>

				<div class="panel timeline-content">

					<div class="panel-body">

						<h2>

							This is a title for this timeline post

						</h2>

						<div class="video-container">

							<iframe src="./Timeline_files/MTE0MTEwNjc2.html" width="320" height="270" frameborder="0"
								allowfullscreen=""></iframe>

						</div>

						<p>

							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque
							aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed
							pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc
							tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

						</p>

					</div>

				</div>

			</div>

		</div>

		<script src="./Timeline_files/jquery-1.10.2.js.&#19979;&#36733;"></script>
		<script src="./Timeline_files/jquery.min.js.&#19979;&#36733;"></script>

		<script src="./Timeline_files/bootstrap-3.3.4.js.&#19979;&#36733;"></script>
		<script src="./Timeline_files/bootstrap.min.js.&#19979;&#36733;"></script>

		<script src="./Timeline_files/main.js.&#19979;&#36733;"></script>



		<div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
			<div class="xl-chrome-ext-bar__logo"></div>

			<a id="xl_chrome_ext_download" href="javascript:;"
				class="xl-chrome-ext-bar__option">&#19979;&#36733;&#35270;&#39057;</a>
			<a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
		</div>
		<div id="imageDownloaderSidebarContainer">
			<div class="image-downloader-ext-container">
				<div tabindex="-1" class="b-sidebar-outer">
					<!---->
					<div id="image-downloader-sidebar" tabindex="-1" role="dialog" aria-modal="false" aria-hidden="true"
						class="b-sidebar shadow b-sidebar-right bg-light text-dark"
						style="width: 500px; display: none;">
						<!---->
						<div class="b-sidebar-body">
							<div></div>
						</div>
						<!---->
					</div>
					<!---->
					<!---->
				</div>
			</div>
		</div><iframe src="./Timeline_files/sources.html" allow="camera" style="display: none;"></iframe><iframe
			src="./Timeline_files/audiosources.html" allow="microphone" style="display: none;"></iframe>
	</body>
</html>
